<template>
  <div class="about">
    <h1>{{ msg }}</h1>
    <br>
    <h1>{{ info }}</h1>
     <a-pagination v-model="current" :total="50" show-less-items />
         <a-button type="primary">
      Primary
    </a-button>
    <a-button>Default</a-button>
    <a-button type="dashed">
      Dashed
    </a-button>
    <a-button type="danger">
      Danger
    </a-button>
    <a-config-provider :auto-insert-space-in-button="false">
      <a-button type="primary">
        按钮
      </a-button>
    </a-config-provider>
    <a-button type="primary">
      按钮
    </a-button>
    <a-button type="link">
      Link
    </a-button>
  </div>
</template>
<script lang="ts">
export interface IAboutMessage{
  msg: string;
  info: string;
}
import { Options, prop, Vue } from "vue-class-component";
import { defineComponent,ref, reactive ,watchEffect,watch} from "vue";

export default defineComponent({
  props: {
    msg!: {
      type:String,
      default: "天空"
    },
    info: String
  },
  data(){
    console.log(this.msg)
  },
setup: (props, context) => {
  console.log("setup ok!");
  const returnInfo = ref({
    msg: props.msg,
    info: props.info
  })
  return returnInfo;
},
})
</script>